/*----------------------------------POST PAGE---------------------------------*/
#post_container{
    width: 100%;
    border: solid transparent;
    margin-top: 60px;
}
.post_nav_button{
    position: relative;
    background: #006291;
    font-family: 'Open+Sans+Condensed', sans-serif;
    font-size: 16px;
    color: white;
    padding: 5px;
    letter-spacing: 1px;
    margin-left: 5px;
    margin-right: 5px;
    box-shadow: 3px 3px 5px #555555;
    top: 30px;
}
#post_table, #draft_table, #pending_table, #trash_table, #reject_table {
    margin: 10px auto 20px;
    width: 96%;
}
#draft_edit, #draft_delete, #draft_publish,
#pending_view, #pending_approve, #pending_reject,
#trash_recover, #trash_delete,
#post_edit, #post_delete,
#reject_edit, #reject_delete {
    width: 10%;
}
#draft_title {
    border: solid 1px;
    text-align: left;
    width: 70%;
}
#pending_title, #trash_title, #reject_title {
    border: solid 1px;
    width: 50%;
}
#pending_author, #trash_date_time_deleted, #reject_reason {
    border: solid 1px;
    width: 20%;
}
#post_title {
    width: 90%;
    height: 20px;
    border-radius: 5px;
}

#post_title_header{
    border: solid 1px;
    width: 15%;
}
th:nth-child(5){
    width: 30%
}
th{
    border: solid 1px;
    width: 15%;
}
.td_center {
    padding: 10px;
    text-align: center;
}
.td_left {
    border-bottom: solid 1px;
    padding-left: 10px;
}
.td_center a, .td_left a {
    text-decoration: none;
}
.auto_generated_td {
    border: solid 1px;
    height: 20px;
    padding-left: 10px;
    text-align: center;
}
/*------------------------------CREATE POST PAGE------------------------------*/
#create_post_form, #edit_post_form, #reject_post_form, #approve_draft_form {
    margin: 20px auto;
    width: 100%;
}
#btn_submit, #post_cancel {
    border: solid 1px;
    border-radius: 5px;
    padding: 4px 5px;
    margin-top: 20px;
    margin-left: 5px;
}
#btn_submit:hover, #post_cancel:hover {
    cursor: pointer;
}
/*-------------------------------EDIT POST PAGE-------------------------------*/
#edit_post_show, #edit_post_hide {
    margin: 0 20px 20px 0;
}
/*----------------------------VIEW DRAFT POST PAGE----------------------------*/
#draft_post_view, #draft_post_approve, #draft_post_reject {
    width: 10%;
}

#sample{
    border: black solid thin;
    width: 40%;
}

/*-----------samples-------------*/
#editor{
    border: solid thin #999999;
    width: 60%;
    float: left;
    min-height: 600px;
    margin: 10px 0 10px 30px;
    background: #c7c7c7;
}
#editor_toolbar{
    border: solid thin #999999;
    width: 30%;
    float: right;
    min-height: 600px;
    margin: 10px 30px 10px 0;
    background: #c7c7c7;
}

#balancer{
    clear: both;
}

#group_box{
    margin: 15px auto;
    border: #999999 solid thin;
    width: 90%;
    
}
#group_box input[type=checkbox]{
    margin: 0 15px;
}
#editor_toolbar input[type=submit]{
    margin-bottom: 20px;
}
#editor p{
    margin: 10px;
}
#post_full_text{
    display: block;
    width: 96%;
    min-height: 300px;
    border-radius: 5px;
    border: 1px solid #999999;
    resize: none;
}
#editor a{
    margin-left: 10px;
}
#editor_toolbar select{
    margin-bottom: 20px;
}
#editor_toolbar p{
    margin-left: 20px;
}
#editor_toolbar select{
    margin-left: 20px;
}
[name=summary]{
    width: 92%;
    min-height: 150px;
    margin-left: 10px;
    border-radius: 5px;
    border: 1px solid #999999;
}
#sum_con{
    display: none;
}
#cate{
    position: relative;
    top: -10px;
    margin-left: 20px;
    margin-bottom: -10px;
    display: none;
}
#post_container a{
    color: #222288;
    padding: 5px;
}
#draft_title_text {
    float: left;
    position: relative;
    top: 8px;
}
#sort_container {
    float: right;
}
#hey{
    position: absolute;
    display: none;
    background: white;
    width: 50%;
    min-height: 300px;
    border-radius: 5px;
}

#aw{
    position:absolute; /* important */  
    top:130px; /* start from top */  
    left:0px; /* start from left */  
    height:90%; /* cover the whole page */  
    width:100%;  /* cover the whole page */  
    display:none; /* don't show it '*/  
    border: solid black thin;
    background-color: black;
}
#post_create_wrapper, #post_draft_edit_wrapper, #post_draft_wrapper, 
#post_edit_wrapper, #post_pending_approve_wrapper, #post_pending_reject_wrapper,
#post_pending_wrapper, #post_reject_edit_wrapper, #post_reject_wrapper, 
#post_trash_wrapper, #post_wrapper {
    background: white;
    margin-bottom: 10%;
    box-shadow: 3px 3px 5px #555555;
    padding: 10px;
}
#reject_post_form {
    background: #c7c7c7;
    border: solid 1px gray;
    padding: 10px;
    padding-left: 20px;
    width: 80%;
}
#reject_post_comment, #reject_post_full_text {
    border-radius: 5px;
    border: solid 1px gray;
    resize: none;
    height: 250px;
    width: 98%;
}
#reject_post_title {
    border-radius: 5px;
    margin-bottom: 20px;
    width: 92%;
}
#reject_post_full_text {
    margin-bottom: 20px;
}
#reject_post_form label[for="title"], #reject_post_form label[for="full_text"], 
#reject_post_form label[for="comment"] {
    font-size: 18px;
}
#btn_new_post{
    background: #3399ff;
    border: none;
    color: #ffffff;
    left: 2px;
    margin-left: 5px;
    padding: 5px 5px;
    position: relative;
    width: 20%;
}
#btn_add_cat, #add_cat {
    background: #3399ff;
    border: none;
    color: #ffffff;
    margin-left: 5px;
    padding: 5px 5px;
}
#btn_new_post:hover, #btn_add_cat:hover, #add_cat:hover {
    box-shadow: 5px 5px 5px #888888;
    cursor: pointer;
}
.btn_pub {
    margin-top: 20px;
}
#btn_add_cat {
    margin-bottom: 20px;
}